<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script src="./jquery.min.js"></script>

  <style>
    div {
      width: 200px;
      height: 200px;
      background-color: pink;
    }
  </style>

</head>



<body>
  <script>
    // jQuery就是一个库 封装了一个函数 所以离不开()的调用
    // 1. 当script 在DOM元素的上方的时候，要等着DOM元素加载完毕然后再去执行js代码
    // $(document).ready(function () {
    //   $('div').hide();
    // })

    // 2. 方法二
    $(function () {
      $('div').hide();
    })
  </script>

  <div></div>
  <!-- <script>
    $('div').hide();
  </script> -->
</body>



</html>